Hệ thống quản lý trường học bằng PHP / MySQLi
1 <?php
2 include("connect.php");
3 include('anaysispage.php');
4 ?>
5 <!--*****************Analysis data*****************************-->
6 <?php
7 SESSION_START();
8 ?>
9
10 <!DOCTYPE html>
11 <html>
12
13 <head>
14 <meta charset="utf-8">
15 <meta name="viewport" content="width=device-width, initial-scale=1.0">
16 <title>school management system</title>
17 <link rel="shortcut icon" href="assets/img/title.gif" type="image/x-icon">
18 <link rel="stylesheet" href="assets/css/bootstrap.min.css">
19 <link href="assets/css/loader.css" rel="stylesheet" />
20 <script src="assets/js/canvasjs.min.js"></script>
21 <!--*****jquery -3.2.1.js file supports the use of dropdown***-->
22 <script src="assets/js/jquery-3.2.1.js"></script>
23
24 <script type="text/javascript">
25 var class1=<?php echo $class1; ?>;
26 var class2=<?php echo $class2; ?>;
27 var class3=<?php echo $class3; ?>;
28 var class4=<?php echo $class4; ?>;
29 var class5=<?php echo $class5; ?>;
30 var class6=<?php echo $class6; ?>;
31 var class7=<?php echo $class7; ?>;
32 var class8=<?php echo $class8; ?>;
33 window.onload = function () {
34 var chart = new CanvasJS.Chart("chartContainer", {
35 title:{
36 text: "Number of students"
37
38 },
39 data: [
40 {
41 // Change type to "doughnut", "line", "splineArea", etc.
42 type: "spline",
43
44 dataPoints: [
45 { label: "Form 1", y: class1 },
46 { label: "Form 2", y: class2 },
47 { label: "Form 3", y: class3 },
48 { label: "Form 4", y: class4 },
49 ]
50 }
51 ]
52 });
53 chart.render();
54 }
55 </script>
56
57
58 </head>
59 <!--<style type="text/css">
60 body{
61 margin-right: 10px;
62 margin-left: 10px;
63 }
64 </style>
65
66 -->
67
68 <body >
69 <!--end of heading section-->
70 <ul class="nav navbar-right top-nav">
71 <div class="dropdown">
72 <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" >
73 <?php
74 //Check to see if the user is logged in.if not redirect user to the loging page.
75
76 if(isset($_SESSION['fname']))
77 {
78 echo "Current user: ".$_SESSION['fname']. " ".$_SESSION['lname']. " ";
79 }else{
80 echo "<script type='text/javascript'>
81 alert( 'You must Log in to use the system');
82 </script>";
83 echo "<script>
84 window.location = 'index.php'
85 </script>";
86 }
87 ?>
88 <span class="caret"></span></button>
89 <ul class="dropdown-menu">
90 <li><a href="manage_account.php"><i class="fa fa-users fa-lg"></i> View User</a></li>
91 <li><a href="register_form.php"><i class="fa fa-users fa-lg"></i> Add New User</a></li>
92 <li class="divider"></li>
93 <li><a href="session_logout.php"><i class="fa fa-fw fa-power-off"></i> Log Out</a></li>
94 </ul>
95 </div>
96 </ul>
97 <!--************************************************-->
98 <div style="
99 font-family:Nyala, Arial;
100 text-align: left;
101 background-color: #526F35;
102 padding: 20px;
103 color:white;
104 width: 100%;
105 height: 150px;">
106 <!--This codes to load the image loader-->
107 <div id="loading">
108 <img id="loading-image" src="assets/img/loader.gif" alt="Loading..." />
109 </div>
110 <!--this is the heading section-->
111 <h2>
112 <?php
113 $sql="SELECT * FROM companyinfo";
114 $result=mysqli_query($db,$sql) or die("error getting data");
115 $num_rows=mysqli_num_rows($result);
116 while($row=mysqli_fetch_array($result))
117 {
118 echo '<image style="height:82px; width:82px;" src="data:image;base64,'. $row['clogo'].' "> ';
119 $cname = $row['cname'];
120 $cemail = $row['cemail'];
121 $ccontact = $row['ccontact'];
122 $clocation = $row['clocation'];
123 }?>
124 <?php
125 echo $cname;
126 ?>
127
128 <div style="float:right; font-size:20px;text-align:right;">
129
130 <img src="assets/img/mail2.png">Email: <?php echo $cemail; ?><br>
131 <img src="assets/img/call1.png">Contact:<?php echo $ccontact; ?><br>
132 <img src="assets/img/location.png">Location: <?php echo $clocation; ?>
133
134 </div>
135 </h2>
136 </div>
137 <div>
138 <ul class="nav nav-tabs">
139 <li ><a href="homepage.php" >Administration <img src="assets/img/details.png"></a></li>
140 <li ><a href="students.php" >Students <img src="assets/img/student48.png"></a></li>
141 <li><a href="staff.php">Staff Member <img src="assets/img/staff48.png"></a></li>
142 <li><a href="course.php" >Courses <img src="assets/img/course.png"></a></li>
143 <li><a href="departments.php" >Departments <img src="assets/img/department.png"></a></li>
144 <li><a href="markstep1.php" >Exams <img src="assets/img/update.png"></a></li>
145 <li><a href="hostel.php" >Hostel <img src="assets/img/details.png"></a></li>
146 <li><a href="sms.php">SMS <img src="assets/img/details.png"></a></li>
147 <!--<li><a href="tab-8" role="tab" data-toggle="tab">Hostel <img src="assets/img/details.png"></a></li>
148 <li><a href="tab-7" role="tab" data-toggle="tab">Parents <img src="assets/img/details.png"></a></li>-->
149
150 </ul>
151 <div class="tab-content">
152 <div class="tab-pane active" role="tabpanel" id="tab-1">
153
154 <p>
155 <div class="table-responsive" >
156 <!--****************************************************************************-->
157
158
159
160
161 <!--*************************************************************************************************************************-->
162
163
164
165 <div style="width:30%; background-color:skyblue; text-align:center">Graphical analysis. Number of students in every class</div>
166
167 <div id="chartContainer" style="height: 200px; width: 30%; border:2px solid green"></div><br><br>
168
169
170
171 <!--*********************************************************************************-->
172
173 <div class="col-md-12" style="background-color:#526F35; position:fixed;bottom:0px;">
174 <p class="text-center text-danger" style="color:white;" >@J. Muthama Tel: +254729734768</p>
175 </div>
176
177
178 <script src="assets/js/jquery.min.js"></script>
179 <script src="assets/js/affix.js"></script>
180 <script src="assets/js/alert.js"></script>
181 <script src="assets/js/alert1.js"></script>
182 <script src="assets/js/bootstrap.js"></script>
183 <script src="assets/js/bootstrap.min.js"></script>
184 <script src="assets/js/bootstrap-datepicker.js"></script>
185 <script src="assets/js/bootstrap-wysihtml5.js"></script>
186 <script src="assets/js/button.js"></script>
187 <script src="assets/js/carousel.js"></script>
188 <script src="assets/js/chosen.jquery.min.js"></script>
189 <script src="assets/js/ckeditor.js"></script>
190 <script src="assets/js/collapse.js"></script>
191 <script src="assets/js/color.js"></script>
192 <script src="assets/js/dropdown.js"></script>
193 <script src="assets/js/DT_bootstrap.js"></script>
194 <script src="assets/js/dynamic.js"></script>
195 <script src="assets/js/ie-emulation-modes-warning.js"></script>
196 <script src="assets/js/jquery.dataTables.js"></script>
197 <script src="assets/js/jquery.dataTables.min.js"></script>
198 <script src="assets/js/jquery.dialog.js"></script>
199 <script src="assets/js/jquery.hoverdir.js"></script>
200 <script src="assets/js/jquery.jgrowl.js"></script>
201 <script src="assets/js/jquery.knob.js"></script>
202 <script src="assets/js/jquery.uniform.min.js"></script>
203 <script src="assets/js/jquery-1.8.3.min.js"></script>
204 <script src="assets/js/jquery-1.9.1.js"></script>
205 <script src="assets/js/jquery-1.9.1.min.js"></script>
206 <script src="assets/js/jquery-1.10.2.js"></script>
207 <script src="assets/js/jquery-1.11.0.js"></script>
208 <script src="assets/js/jquery-ui-1.9.2.custom.min.js"></script>
209 <script src="assets/js/jquery-ui-1.10.3.js"></script>
210 <script src="assets/js/modal.js"></script>
211 <script src="assets/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
212 <script src="assets/js/myjquery.js"></script>
213 <script src="assets/js/myjquery1.js"></script>
214 <script src="assets/js/npm.js"></script>
215 <script src="assets/js/popover.js"></script>
216 <script src="assets/js/profile.js"></script>
217 <script src="assets/js/raphael-min.js"></script>
218 <script src="assets/js/sb-admin-2.js"></script>
219 <script src="assets/js/scripts.js"></script>
220 <script src="assets/js/scrollspy.js"></script>
221 <script src="assets/js/tab.js"></script>
222 <script src="assets/js/tooltip.js"></script>
223 <script src="assets/js/transition.js"></script>
224 <script src="assets/js/wysihtml5-0.3.0.js"></script>
225 <script src="assets/js/slideshow.js"></script>
226
227 <script language="javascript" type="text/javascript">
228 $(window).load(function()
229 {
230 $('#loading').hide();
231 });
232 </script>
233
234 <script>
235 $(document).ready(function(){
236 $('.dropdown-submenu a.test').on("click", function(e){
237 $(this).next('ul').toggle();
238 e.stopPropagation();
239 e.preventDefault();
240 });
241 });
242 </script>
243 </body>
244
245 </html>